<template>
  <div class="list">
    <list-item title="当前年月" :content="dayData['year-month']"></list-item>
    <list-item title="今年属相" :content="dayData.animalsYear"></list-item>
    <list-item title="农历年份" :content="dayData.lunarYear"></list-item>
    <list-item title="适宜事件" :content="dayData.suit"></list-item>
    <list-item title="避免事件" :content="dayData.avoid"></list-item>
  </div>
</template>

<script>
import ListItem from "./Item.vue";
export default {
  props: {
    dayData: Object
  },
  components: {
    ListItem,
  }
}
</script>

<style lang="less" scoped>
.list {
  padding: .15rem;
  box-sizing: border-box;
}
</style>